<template>
    <div class=TabberItem @click="toRouter">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: 'TabberItem',
    data() {
        return {
            
        };
    },
    props:{
        to:{
            type:String,
            required:true
        }
    },
    mounted() {
    
    },

    methods: {
        toRouter(){
            this.$router.push(this.$props.to)
        }
    },
};
</script>

<style lang="scss" scoped>
    .TabberItem{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      
    }
</style>